<template>
	<div>
		<table border="1px" style="border-collapse: collapse;float: left;color: #696969;">
			<thead>
				<tr v-for="item in data">
					<td v-for="key in item">{{ key }}</td>
				</tr>
			</thead>
		</table>
	</div>
</template>

<script>
	export default {
		props: {
			data: {
				type: Array,
				default() {
					return []
				}
			},
		},
	}
</script>

<style scoped>
	td
	{
	    padding: 10px 30px;
	}
</style>